<!DOCTYPE html>
<html lang="en"  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class="layui-header" th:fragment="header">
    <div class="layui-logo">sean的博客管理</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
        <li class="layui-nav-item"><a href="">控制台</a></li>
        <li class="layui-nav-item"><a href="">博客管理</a></li>
        <li class="layui-nav-item"><a href="">用户</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;">其它系统</a>
            <dl class="layui-nav-child">
                <dd><a href="">邮件管理</a></dd>
                <dd><a href="">消息管理</a></dd>
                <dd><a href="">授权管理</a></dd>
            </dl>
        </li>
    </ul>
    <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item">
            <a href="javascript:;">
                <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                星星✨
            </a>
            <dl class="layui-nav-child">
                <dd><a href="">基本资料</a></dd>
                <dd><a href="">安全设置</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item"><a href="/logout">退了</a></li>
    </ul>
</div>


<div class="layui-side layui-bg-black" th:fragment="left">
    <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree"  lay-filter="test">
            <li class="layui-nav-item layui-nav-itemed">
                <a class="" href="javascript:;">博客管理</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">栏目</a></dd>
                    <dd><a href="javascript:;">博客内容</a></dd>
                    <dd><a href="javascript:;">博客标签</a></dd>
                    <dd><a href="javascript:;">博客分类</a></dd>
                    <dd><a href="javascript:;">排行版</a></dd>
                    <!--<li class="layui-nav-item layui-nav-itemed">-->
                        <!--<a class="" href="javascript:;">博客管理</a>-->
                        <!--<dl class="layui-nav-child">-->
                            <!--<dd><a href="javascript:;">栏目</a></dd>-->
                        <!--</dl>-->
                    <!--</li>-->
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">统计</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">页面访问数</a></dd>
                    <dd><a href="javascript:;">点赞数</a></dd>
                </dl>
            </li>
        </ul>
    </div>
</div>

<div class="layui-footer" th:fragment="bottom">
    <!-- 底部固定区域 -->
    © seanblog.com - 底部固定区域

</div>

</body>
</html>